<style>
    h3{
        border: solid 1px #cccccc;
        border-radius: 5px;
        padding: 3px;
    }
    h1{
        border-left: 2px solid #1e9fff;
        padding: 0px 5px 5px 5px;
        margin: .3em 0;
        word-break: break-word;
        font-size: 16px;
    }
    h2{
        font-size: 22px;
    }
    .h3-selectd{
        background: #5198d6;
        color: #fff;
    }
    body{
        background: #eee;
    }
    .desc{
        font-size: 16px;
        margin-top: 10%;
        line-height: 25px;
        background-color: #e2b283db;
        padding: 5px 20px;
    }
	.container-fluid{
		padding: 0;
	}
	.twoCol{
		display: flex;
		flex-wrap: wrap;
	}
	.twoCol input{
		width: 32%;
		text-align: center;
		margin-left: 1%;
		border-radius:5px;
	}
	
	.page-header{
		border-bottom: none!important;
	}
	html{
		background: #fff!important;
	}
	.sl_h2{
		line-height: 30px!important;
		margin-bottom: 40px;
	}
	body{
		height: calc( 100vh - 161px);
	}
	.subject{ padding: 5px 8px;}

	.sl_h1{
		font-weight: 600;
		font-size: 16px;
		line-height: 33px;
	}
	.sl_h33{
		font-size: 16px;
		line-height: 25px;
		margin-top: 5px;
	}
	.logo1{font-size: 20px;color: #ffffff;line-height: 45px;text-align: center}
	.myInput,.myInput1{width:26%;border-radius:5px;text-align:center;}
</style>

<div class="header" style="background-color:#1688f1;height: 82px;line-height:30px;border-bottom:none">
	<div class="wrap">
		<div class="logo1"> 市北区区管党政正职履职测评 </div>
	</div>
	<div class="sl_h1" style="text-align: right;margin-right: 3%">
		<!-- <button class="btn btn-warning btn-zysx" >注意事项</button> -->
		<button class="btn btn-rylb" style="background-color: #0e5ed9;color: #fff;">人员列表</button>
	</div>
</div>
<div class="page-header" style="border-radius: 3px;margin-top:82px;">
	<p class="desc">
        注意事项:<br/>
        每项重点工作评分区间为0-100，系统自动生成平均分，作为干部测评得分。请点击下方“完成情况及成效”查看详情。
    </p> 
    {volist name="subjects" id="vo2"}
    <div class="subject subject_{++$key}" {if condition="$key neq 1"}style="display:none;"{/if}>
		<h1 class="sl_h1">
        	{$key}<small>/{$count}</small>.
        	<span>{:$vo2.name}</span>
        	<span style="margin-right: 1%;">{:$vo2.department}</span><br/>
        	<span style="margin-right: 5%;">平均分:<span class="pjf myInput1" style="color: gray;font-size:14px;">三项打分完成自动计算</span></span>
		</h1>
		<!-- 1 -->
		<div class="sl_h1">
			<span style="float: left;margin-right: 5%;">重点工作1</span>
			<span>
				<input type="number" min="0" max="100" value="" onKeyUp="value=value.replace(/^[0]+[0-9]*$/gi,'')" class="form-control myInput" placeholder="请打分(0-100)" data-id="{$vo2.id}" data-type="score1">
			</span>
		</div>
		<p class="sl_h33">
			{$vo2.work1}
		</p>
		<div class="sl_h1">
			<button class="btn complete" style="background-color: #0e5ed9;color: #fff;" data-complete="{$vo2.complete1}">完成情况及成效</button>
		</div>

		<!-- 2 -->
		<div class="sl_h1" style="margin-top:5%;">
			<span style="float: left;margin-right: 5%;">重点工作2</span>
			<span>
				<input type="number" min="0" max="100" value="" onKeyUp="value=value.replace(/^[0]+[0-9]*$/gi,'')" class="form-control myInput" placeholder="请打分(0-100)" data-id="{$vo2.id}" data-type="score2">
			</span>
		</div>
		<p class="sl_h33">
			{$vo2.work2}
		</p>
		<div class="sl_h1"> 
			<button class="btn complete" style="background-color: #0e5ed9;color: #fff;" data-complete="{$vo2.complete2}">完成情况及成效</button>
		</div>

		<!-- 3 -->
		<div class="sl_h1" style="margin-top:5%;">
			<span style="float: left;margin-right: 5%;">重点工作3</span>
			<span>
				<input type="number" min="0" max="100" value="" onKeyUp="value=value.replace(/^[0]+[0-9]*$/gi,'')" class="form-control myInput" placeholder="请打分(0-100)" data-id="{$vo2.id}" data-type="score3">
			</span>
		</div>
		<p class="sl_h33">
			{$vo2.work3}
		</p>
		<div class="sl_h1">
			<button class="btn complete" style="background-color: #0e5ed9;color: #fff;" data-complete="{$vo2.complete3}">完成情况及成效</button>
		</div>

		<div class="panel-info" style="margin-top: 5px;">
	        <div class="panel-body" style="text-align: center;">
	        	<button  class="sl_btn btn btn-last" style="{if $vo2.id ==1} background-color:gray; {else} background-color:#0e5ed9;{/if} color: #fff;margin-right: 50%;" data-id="{$vo2.id}" >上一页</button>
	            <button  class="sl_btn btn btn-next" style="background-color:#0e5ed9;color: #fff;" data-id="{$vo2.id}">下一页</button>
	            <button  class="sl_btn btn btn-submit" style="background-color:#0e5ed9;color: #fff; display: none" data-id="{$vo2.id}">提交</button>
	        </div>
	    </div>

    </div>
    {/volist}
</div>
<script src="__CDN__/assets/js/skinjs/base-loading.js"></script>